<template>
    <div>
        <table v-for="(item, index) in list" :key="index" border="1" >
            <div class="item-name">
              <table border="5">
                <tr>
                <td><span>{{item.user}}</span></td>
                <td><span>{{item.comment}}</span></td>
                </tr>
              </table>
            </div>
            <div v-if="item.children" class="children-item">
                <list :list="item.children"></list>
            </div>
        </table></div>
</template>
<script>
export default {
  name: "List",
  props: {
    list: Array
  }
};
</script>
